.mainArea{
	background:#F2F2F2;
}
/*顶部位置导航*/
.subnav{
	height: 60px;
	line-height: 60px;
	padding-top: 5px;
}
.SNLeft li{
	float: left;
}
.SNLeft li a{
	color: #666;
}
/*主要内容*/
.sidebar{
	width: 200px;
	float: left;
}
.mianContent{
	width: 960px;
	float: right;
	font: 12px/28px "微软雅黑";
}
.sidebar h3{
	text-align: center;
	font: 14px/40px "微软雅黑";
	background:#D6D7D8;
}
.content a{
	color: #333;
}
/*侧边*/
/*全部分类*/
.classify{
	background: #fff;
	margin-bottom: 20px;
}
.ClaCont{
	font: 12px/35px "微软雅黑";
	background: #fff;
	padding:0 20px;
}
.ClaCont dt{
	border-bottom: 2px solid #E5E5E5;
}
.ClaCont a:hover{
	color: #00AAEE;
}
.ClaCont dt a{
	padding-left: 20px;
	color: #000;
}
.ClaCont li a{
	padding-left: 30px;
	color: #666666;
}
.ClaCont dl{
	padding:10px 0;
}
.ClaCont dl dd{
	position: relative;
}
.ClaCont dl em{
	padding:10px 10px 10px 40px;
	width:11px;
	height: 11px;
	display: block;
	position: absolute;
	background: url(../images/click.png) 35px 10px no-repeat;
	cursor: pointer;
	top: -35px;
	right: 0px;
}
.ClaCont dd ul{
	display: none;
	border-bottom: 2px dashed #E5E5E5;
}
.ClaCont .cli em{
	background-image: url(../images/click1.png);
}
.ClaCont .cli ul{
	display: block;
}
/*热卖排行榜*/
.HRproduct{
	padding:20px;
	margin-bottom: 20px;
	background: #fff;
}
.HRproduct li{
	padding:5px 0;
	border-bottom: 1px solid #EAEAEA;
}
.HRproduct li .HRpic{
	height: 144px;
	width: 122px;
	margin:0 auto;
	margin-bottom: 10px;
}
.HRproduct li .HRtxt{
	font: 12px/18px "微软雅黑";
}
.HRproduct li .HRtxt p:nth-of-type(2){
	margin-top: 5px;
}
.HRproduct li .HRtxt p:nth-of-type(2) strong{
	font: bold 14px/18px "微软雅黑";
	float: left;
}
.HRproduct li .HRtxt p a{
	color: #000;
}
.HRproduct li .HRtxt p:nth-of-type(2) s{
	color: #999999;
	float: right;
}
/*右边主要内容*/
/*品牌故事*/
.BStroy{
	width: 960px;
	height: 240px;
	border: 1px solid #DFDFDF;
	background: #F5F5F5;
	margin-bottom: -2px;
	overflow: hidden;
	text-align: center;
	position: relative;
}
.BStroy .focus{
	display: block;
	border-radius: 18px;
	color: #fff;
	background: #E50065;
	padding: 0 10px;
	position: absolute;
	top: 50px;
	left: 610px;
}
.BSleft{
	width: 288px;
	height: 240px;
	float: left;
	margin-right: 41px;
	background: url(../images/lp.png) no-repeat center center;
}
.BScenter{
	width: 361px;
	height: 200px;
	padding-top:40px; 
	display: inline-block;
	text-align: left;
	color: #676767;
}
.BScenter h6{
	text-align: center;
	font: bold 24px/48px "微软雅黑";
}
.BScenter p{
	font: 12px/26px "微软雅黑";
}
.BStroy .BSright{
	float: right;
	height: 240px;
	width: 184px;
	background: url(../images/lplace.png) no-repeat center center;
}
.proDetails{
	background: #fff;
	height: 300px;
}
/*商品筛选*/
.screen{
	background:#D6D7D8;
	border:1px solid #E5E5E5;
	margin-bottom: 15px;
}
.screen h4{
	border-bottom: 1px dashed #E5E5E5;
}
.brand{
	border-bottom: 1px dashed #E5E5E5;
}
.srenArea h5{
	float: left;
	width: 50px;
	padding:5px 0 0 10px;
}
.price h5{
	padding-top:0;
}
.srenArea ul{
	width: 877px;
	float: right;
	border-left: 1px solid #E5E5E5;
	background: #fff;
}
.srenArea li{
	padding:0 10px;
	float: left;
}
.brand li{
	margin:5px 5px 0 0;
	border:1px solid #fff;
	position: relative;
	padding: 0 15px 0 10px;
}
.brand li:hover{
	border-color: #999;
}
.brand li.sreA{
	border:1px solid #E50065;
}
.brand li em{
	padding:0 1px;
	color: #fff;
	background: #E50065;
	position: absolute;
	display: none;
	right: 0;
	top: 0;
	cursor: pointer;
}
.brand li.sreA em{
	display: block;
}
/*你是不是要找*/
.find{
	padding:5px 15px;
	background:#fff;
	margin-bottom: 15px;
	border: 1px solid #E5E5E5;
}
.find h5{
	float: left;
	padding-right:10px;
}
.find ul{
	float: left;
}
.find li{
	float: left;
	margin-left: 30px;
}
.find li a{
	color: #999;
}
.find li a:hover{
	color: #00AAEE;
}
/*筛选*/
/*.srenTitle .sreA{
	display: block;
	float: left;
	margin-right: 10px;
}
.srenTitle span{
	font: 12px/24px "微软雅黑";
	color: #999;
	border:1px solid #EDEDED;
	padding:0 10px;
}
.sreA em{
	margin-left: 5px;
	cursor: pointer;
}*/
/*筛选条件*/
.sort{
	background: #fff;
	border:1px solid #E5E5E5;
	margin-bottom: 15px;
}
.condition{
	float: left;
	margin-left: -1px;
}
.condition li{
	float: left;
	border-left: 1px solid #E5E5E5;
	padding:0 10px;
}
.condition li:hover{
	background: #00AAEE;
}
.condition li:hover a{
	color: #fff;
}
.change{
	width: 70px;
	float: right;
	margin-right: 10px;
}
.change span{
	display: block;
	border: 1px solid #E5E5E5;
	width: 30px;
	text-align: center;
	margin-top: 3px;
	font: 12px/20px "微软雅黑";
	cursor: pointer;
}
.change .right{
	float: right;
}
.change .left{
	float: left;
}
/*商品内容*/
.product li{
	width: 218px;
	float: left;
	margin-right: 10px;
	background: #fff;
	padding:6px 6px 30px 6px;
	font:12px/16px "微软雅黑";
	position: relative;
	cursor: pointer;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	border:1px solid #FFF;
	overflow: hidden;
	margin-bottom: 20px;
}
li.mrNone{
	margin-right: 0;
}
.product li:hover{
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	transform:translate(0, -5px);
	border:1px solid #999;
}
/*图片*/
.proImg{
	text-align: center;
	width: 220px;
	height: 230px;
	display: table-cell;
 	vertical-align:middle;
}
.proImg img{
	display: inline-block;
	vertical-align:middle;
}
/*文字*/
.proTxt{
	padding:0 6px;
}
.proTxt strong{
	color: #E50065;
	font: bold 18px/30px "微软雅黑";
	margin-right: 10px;
}
.proTxt s{
	color: #999;
}
.proTxt a{
	font: 12px/14px "微软雅黑";
}
.proTxt a:hover{
	color: #00AAEE;
	text-decoration: underline;
}
.proTxt .num{
	color: #999;
	margin-top:5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #999;
}
/*顶部*/
.privilege{
	width: 81px;
	position: absolute;
    top: 0;
    text-align: center;
    left: 33%;
    color: #fff;
    height: 24px;
}
.privilege span{
	width: 40px;
	display: block;
	color: #fff;
	font:12px/24px "微软雅黑";
}
.privilege .left{
	float: left;
}
.privilege .right{
	float: right;
}
/*鼠标经过显示*/
.hoverShow{
	position: absolute;
	font:12px/24px "微软雅黑";
	top: 215px;
	width: 50px;
	color: #fff;
	background: rgba(0,0,0,.5);
}
.hoverShow em{
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	top:15%;
	left: -35%;
}
/*收藏*/
/*.collect{
	right: -114px;
	
}
.collect em{
	background: url(../images/acIcon1.png) 0 -18px no-repeat;
}
.collect em.fish{
	background: url(../images/acIconhover.png) center center no-repeat;
}
.product li:hover .collect{
	right: 0;
}*/
.collect{
	top:265px;
	right: -10px;
	background: #fff;
	color: #999;
	z-index: 0;
}
.collect em{
	background: url(../images/acIcon.png) 0 -18px no-repeat;
}
.collect em.fish{
	background: url(../images/acIconhover.png) center center no-repeat;
}
/*加入心愿单*/
/*.wish{
	width: 105px;
	padding-left: 10px;
	left: -115px;
	
}
.wish em{
	left: 5%;
	background: url(../images/acIcon1.png) 0 -36px no-repeat;
}
.product li:hover .wish{
	left: 0;
}*/
/*按钮*/
.show{
	position: absolute;
	width: 232px;
	left: 0px;
	bottom: -33px;
}
.show a{
	width: 110px;
	display: block;
	text-align: center;
	font: 12px/30px "微软雅黑";
}
a.contrast{
	float: left;
	background:#fff;
	color: #00AAEE;
	border: 1px solid rgb(0,170,238);
}
a.contrast:hover{
	background: rgb(0,170,238);
	color: #fff;
}
a.add{
	float: right;
	border:1px solid rgb(211,32,89);
	background: rgb(211,32,89);
	color: #fff;
}
a.add:hover{
	background: rgb(183,6,63);
	border-color: rgb(183,6,63);
}
.product li:hover .show{
	bottom: 0px;
	animation: moreHover 0.5s ease 0s;
	-webkit-animation: moreHover 0.5s ease 0s;
	-o-animation: moreHover 0.5s ease 0s;
	-moz-animation: moreHover 0.5s ease 0s;
	-ms-animation: moreHover 0.5s ease 0s;
}
@-webkit-keyframes moreHover{
			0%{
				opacity: 0.5;
				bottom: -31px;
			}
			100%{
				opacity: 1;
				bottom: 0px;
			}
		}
@-o-keyframes moreHover{
	0%{
		bottom: -31px;
	}
	100%{
		bottom: 0px;
	}
}
@-moz-keyframes moreHover{
	0%{
		bottom: -31px;
	}
	100%{
		bottom: 0px;
	}
}
@-ms-keyframes moreHover{
	0%{
		bottom: -31px;
	}
	100%{
		bottom: 0px;
	}
}
@keyframes moreHover{
	0%{
		opacity: 0.5;
		bottom: -31px;
	}
	100%{
		opacity: 1;
		bottom: 0px;
	}
}
/*底部页码*/
.footNum{
	height: 30px;
	margin:15px 0;
}
.footNum ul{
	float: right;
}
.footNum ul li{
	float: left;
	margin-right: 10px;
}
.footNum a{
	display: block;
	border: 1px solid #999;
}
.footNum .current a{
	color: #fff;
	border-color: #00AAEE;
	background: #00AAEE;;
}
.footNum .pre a,.footNum .last a{
	padding:0 15px;
}
.footNum .num a{
	padding:0 10px;
}
.footNum .num a:hover,.footNum .pre a:hover,.footNum .last a:hover{
	color: #fff;
	border-color: #00AAEE;
	background: #00AAEE;
}
.ipt input{
	text-align: center;
	width: 40px;
	height: 25px;
}
.footNum button{
	width: 50px;
	height: 28px;
	background: #FFF;
	outline: none;
	border:1px solid #999;
}